@import url('//fonts.googleapis.com/css?family=PT+Sans:r,b&subset=latin,latin-ext');

/*
 * pwision_kde.css
 *	- version 1.24.1
 *	- a CSS theme for PWision that looks like www.kde.org(28-11-2009)
 * part of PWision toolkit: http://pwision.googlecode.com/
 * Copyright (C) 2009--12 Becheru Petru-Ioan
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */
html{
  background-color: #D9E3EA;
	}

body{
	margin-top: 0;
	font-size: 0.9em;
	font-family: "PT Sans", "Bitstream Vera Sans", "Lucida Grande", "Trebuchet MS", sans-serif;
	color: #535353;
/*	background: white;
	background-color: #7EA4D4;
	background-image: url('http://lsrs.ro/images/bg.jpg');
	background-repeat: repeat-y;
	background-position: center;*/
	margin:0px;
/* 	height:100%; */
  /* fallback */
	background: url('/css/images/logo1.png')  no-repeat center right;
  background-color: #D9E3EA;
  background-repeat: no-repeat;
  background-position: center right;


  /* Safari 5.1, Chrome 10+ 
  background: -webkit-linear-gradient(top, white, #D9E3EA);
  
  /* Firefox 3.6+ 
  background: -moz-linear-gradient(top, white, #D9E3EA);
  
  /* IE 10 
  background: -ms-linear-gradient(top, white, #D9E3EA);
  
  /* Opera 11.10+ 
  background: -o-linear-gradient(top, white, #D9E3EA);


  
  /* Safari 5.1+, Chrome 10+ */
  background: url('/css/images/logo1.png')  no-repeat center right, -webkit-radial-gradient(circle, white, #D9E3EA);
  
  /* Firefox 3.6+ */ 
  background: url('/css/images/logo1.png')  no-repeat center right, -moz-radial-gradient(circle, white, #D9E3EA);
  
  /* IE 10 */ 
  background: url('/css/images/logo1.png')  no-repeat center right, -ms-radial-gradient(circle, white, #D9E3EA);
  
	}

h1, h2, h3, h4, h5, h6{
	text-align: justify;
	font-weight: bold;
	color: #f7800a;
	background: transparent;
	text-shadow: black 1px 1px 2px;
	}
h1{
	margin: 0 0 0.3em 0;
	font-size: 1.7em;
	}
h2, h3, h4, h5, h6 {
	margin: 1em 0 0 0.3em
	}

h2 {
	font-size: 1.5em;
	}

h3 {
	font-size: 1.4em;
	}

h4 {
	font-size: 1.3em;
	}

h5 {
	font-size: 1.2em;
	}

h6 {
	font-size: 1.1em;
	}


a:link {
	padding-bottom: 0;
	text-decoration: none;
	color: #0057ae;
	}

a:visited {
	padding-bottom: 0;
	text-decoration: none;
	color: #644A9B;
	}

a[href]:hover{
	text-decoration: underline;
	text-shadow: #9BB564 0px 0px 3px;
	}
/*a[target=_blank]:after{
	content:'↗'; 
	}*/

hr {
	margin: 0.3em 1em 0.3em 1em;
	height: 1px;
	border: #bcbcbc dashed;
	border-width: 0 0 1px 0;
	}

pre {
	display: block;
	margin: 0.3em;
	padding: 0.3em;
	font-size: 1em;
	color: #000000;
	background: #f9f9f9;
	border: #2f6fab dashed;
	border-width: 1px;
	overflow: auto;
	line-height: 1.1em;
	}

input, textarea, select {
	margin: 0.2em;
	padding: 0.1em;
	color: black;
	background: #ffc;
	opacity: 0.8;
	border: 1px solid #888888;
	font-family: "PT Sans";
	font-size: 0.9em;
	}
textarea{
	min-width:80%;
	text-align:justify;
	}
input:hover,textarea:hover, select:hover {
	color:black;
	border-color:black;
	opacity:1;
	}

[disabled]{
	color:#3F3F3F;
	border-color:gray;
	}
[disabled]:hover{
	color:#3F3F3F;
	border-color:gray;
	}

input:invalid {
	color:yellow;
	background-color:red;
	font-weight:bold;
	}


blockquote {
	margin: 0.3em;
	padding-left: 2.5em;
	background: transparent;
	}

del {
	color: #800000;
	text-decoration: line-through;
	}

dt {
	font-weight: bold;
	font-size: 1.05em;
	}

dd {
	margin-left: 1em;
	}

p {
	margin-top: 0.5em;
	margin-bottom: 0.9em;
	text-align: justify;
	}
fieldset{
	border: #cccccc 1px solid;
	border-radius:1em;
	margin:1em;
	display:inline-block;
	vertical-align: top;
	background-color:rgba(193,116,244,0.07);
	-webkit-transition:-webkit-transform 2s,opacity 2s,background 2s,min-height 2s,width 2s,height 2s,font-size 2s;
	-o-transition-property:width,min-height,height,-o-transform,background,font-size,opacity;
	-o-transition-duration:2s,2s,2s,2s,2s,2s,2s;
	-moz-transition-property:width,min-height,height,-moz-transform,background,font-size,opacity;
	-moz-transition-duration:2s,2s,2s,2s,2s,2s,2s;
	transition-property:width,min-height,height,transform,background,font-size,opacity;
	transition-duration:2s,2s,2s,2s,2s,2s,2s;

	transition-timing-function: ease-in-out;
	-moz-transition-timing-function: ease-in-out;
	-webkit-transition-timing-function: ease-in-out;
	-o-transition-timing-function: ease-in-out;
	}
fieldset:hover, fieldset:hover>legend{
	background-color:rgba(193,116,244,0.2);
	border-color:black;
	}
legend{
	background-color:rgba(193,116,244,0.2);
	border-radius:0.5em;
	border: gray 1px solid;
	padding:0.25em;
	}

ul, ol {
	list-style-position:inside;
	text-indent: 1em;
	}

li {
	text-align: justify;
	}

fieldset {
	margin-bottom: 1em;
	padding: .5em;
	}

form {
	margin: 0;
	padding: 0;
	}

hr {
	height: 1px;
	border: #888888 1px solid;
	background: #888888;
	margin: 0.5em 0 0.5em 0 ;
	}

img {
	border: 0;
	}
img.noBorder{
	border:none;
	border-radius:0;
	box-shadow:none;
}

#content table {
	border-collapse:collapse;
	float:left;
	display:block;
	margin:.5em;
	border-radius: .5em .5em 0px 0px;
	-moz-border-radius: .5em .5em 0px 0px;
	}
#content caption{
	font-weight: bold;
	font-style: italic;
	text-shadow: #969696 1px 1px 2px;
	}
#content table:hover caption{
	color:black;
	}
#content tbody{
	width:100%;
	}
#content th {
	text-align: center;
	padding-right: 1em;
	border-style:  solid;
	border-width: 0 0 3px 0;
	}
#content td{
	text-align: center;
	vertical-align:middle;
	valign:middle;
	}
#content td:hover{
	border-color:black;
	}
#content span.simple table{
	float:none;
	display:block;
	display:inline-block;
	}

.EditSection textarea {
	width: 100%;
	}
	
/*
 * images for PWision sections
 */
a.section{
	}
a.section span:before{
	content:url(images/sections/section.png);
	}
a.Root span:before{
	content:url(images/sections/Root.png);
	}
a.UserAccess span:before{
	content:url(images/sections/UserAccess.png);
	}
a.login span:before{
	content:url(images/sections/login.png);
	}
a.logout span:before{
	content:url(images/sections/logout.png);
	}
a.MySettings span:before{
	content:url(images/sections/EditUser.png);
	}
a.SectionManagement span:before{
	content:url(images/sections/SectionManagement.png);
	}
	a.CreateSection span:before{
		content:url(images/sections/CreateSection.png);
		}
	a.EditSection span:before{
		content:url(images/sections/EditSection.png);
		}
	a.EditSectionText span:before{
		content:url(images/sections/EditSection.png);
		}
	a.RemoveSection span:before{
		content:url(images/sections/RemoveSection.png);
		}
	a.UploadFile span:before
		{
		content:url(images/sections/UploadFile.png);
		}
a.UserManagement span:before{
	content:url(images/sections/UserAccess.png);
	}
a.CreateUser span:before{
	content:url(images/sections/CreateUser.png);
	}
a.EditUser span:before{
	content:url(images/sections/EditUser.png);
	}
a.MyUsers span:before{
	content:url(images/sections/GroupManagement.png);
	}
a.GroupManagement span:before{
	content:url(images/sections/GroupManagement.png);
	}
a.CreateGroup span:before{
	content:url(images/sections/CreateGroup.png);
	}
a.EditGroup span:before{
	content:url(images/sections/EditGroup.png);
	}
a.Contact span:before{
	content:url(images/sections/info.png);
	}
/*
 *		a.:before
 *			{
 *			content:url(images/sections/.png);
 * }
 */


#container {
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	height:100%;
	}

#pageHeader {
	text-align:center;
	}

#pageHeader:hover{
	}

#ltools, .ltools{
	max-width:20%;
	background: #eeeeee;
	border: white 1px solid;
	border-radius: 0 0 1em 1em;
	-moz-border-radius: 0 0 1em 1em;
	box-shadow: 0px 0px 10px #000;
	-webkit-box-shadow: 0px 0px 10px #000;
	-moz-box-shadow: 0px 0px 10px #000;
	margin-bottom:.5em;
	padding: .5em;
	text-align:left;
	display:inline-block;
	zoom:1; *display: inline; _height: 30px;
	vertical-align: top;
	}
.ltools img{
	border:none;
	border-radius:0px;
	box-shadow:none;
	box-shadow:none;
	margin:0px;
}
#ltools h3{
	display:none;
	overflow: hidden;
	}
#pageTitle{
	max-width:50%;
	display:inline-block;
	margin:1em;
	margin-top:0em;
	padding:0 1em 0 1em;
	vertical-align: middle;
	border: white 1px solid;
	border-radius: 0 0 1em 1em;
	-moz-border-radius: 0 0 1em 1em;
	box-shadow: 0px 0px 10px #000;
	-webkit-box-shadow: 0px 0px 10px #000;
	-moz-box-shadow: 0px 0px 10px #000;
	background-color: #0057ae;
	zoom:1; *display: inline; _height: 30px;
	text-align:center;
	}
#pageTitle h1{
	display:block;
	cursor:pointer;
	text-align:center;
/* 	vertical-align: middle; */
	}

#pageTitle h1 span{
	font-size: 1.7em;
	font-weight: bold;
	color: yellow;
	}
#pageTitle h1 span:hover{
	text-shadow: black 0px 0px 10px;
	}

#pageTitle h2 {
	display:block;
	margin-top:0px;
/* 	vertical-align: middle; */
	text-align:center;
	font-weight: bold;
	font-size:small;
	color: #ffffff;
	}
#lselect{
	display:block;
	text-align: right;
	color:black;
	background: #eeeeee;
	border-color: #bcbcbc;
	border-width:1px 1px 0 1px;
	border-style:solid;
	border-radius: 1em 1em 0 0;
	overflow:hidden;
	}
#lselect h3{
	display:none;
	overflow: hidden;
	}
#lselect div div{
	display: inline;
	display: inline-block;
	margin: 0px;
	padding: 0px .5em 0px .5em;
	text-align: right;
	}
#lselect div div.selected{
	float:left;
	clear: both;
	font-weight: bold;
	text-align: left;
	max-width: 50%;
	border-color: #bcbcbc;
	border-width:0px 1px 0px 0px;
	border-style:solid;
	}
#lselect div div:hover{
	}
#lselect div div.selected{
	}


#intro,.intro{
	margin-right:1em;
	padding: 0 0 .5em 0;
	max-width:20em;
	background: #eeeeee;
	border: #bcbcbc solid;
	border-width:0px 1px 1px 1px;
	border-top: #bcbcbc 1px dotted;
	border-radius: 0 0 1em 1em;
	-moz-border-radius: 0 0 1em 1em;
	box-shadow:2px 2px 10px #888888;
	-webkit-box-shadow:2px 2px 5px #888888;
	-moz-box-shadow:2px 2px 5px #888888;
	float:left;
	}



#linkList {
	margin: 0 0 0 0;
	padding: 0;
	text-align:center;
	overflow:hidden;
	}

#linkList h3 {
	background-color: #0057AE;
	color: white;
	margin-top:.5em;
	margin-left:0;
	margin-right:.25em;
	padding: 0px;
	border-radius: 0em .5em .5em 0em;
	-moz-border-radius: 0em .5em .5em 0em;
	}
#linkList h3 span{
	margin-left:.5em;
	margin-right:1em;
	}
#linkList2 div{
	padding:0;
	margin:0;
	text-align:left;
	}

#larchives,#lresources{
	}
#lresources div,#larchives div{
	margin-left:1em;
	margin-right:.5em;
	border-style:solid;
	border-color:#0057AE;
	border-width:0 0 0 1px;
	-moz-border-radius: 0 0 0 1em;
	}
#lresources div div,#larchives div div{
	display:block;
	font-size:1.4em;
	border-width: 0px 0px 1px 0px;
	border-radius: 0px 0.5em 1em 0px;
	padding-right: 0.5em;
	padding-bottom:0em;
	margin-left: 0px;
	}
#lresources div div:hover,#larchives div div:hover{
	background-color:rgba(0,0,0,0.1);
	}
#lresources div div.selected a, #larchives div div.selected a{
	background-color:rgba(0,0,0,0.05);
	}


#supportingText {
	text-align: justify;
	border: #bcbcbc solid;
	border-width: 0 1px 1px 1px;
	border-radius: 0 0 1em 0;
	-moz-border-radius: 0 0 1em 0;
	box-shadow:inset 0px 0px 10px #888888;
	-webkit-box-shadow:inset 0px 0px 10px #888888;
	-moz-box-shadow:inset 0px 0px 10px #888888;
	padding: 11px;
	padding-top: 0px;
	/* RGBa with 0.6 opacity */
	background-color: rgba(255, 255, 255, 0.6) !important;
	background-color: white;
	}
#supportingText:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

#supportingText h3{
	}

/*#supportingText div{
	padding: 0px 1em 0px 1em;
	}*/

#quickSummary {
	border: #bcbcbc solid;
	border-width:1px 0px 1px 0px;
	}

#quickSummary:hover{
	}

#quickSummary p{
	margin-left:1em;
	}

#quickSummary p:hover{
	}

#quickSummary p a{
	}

#quickSummary p.p2{
	}

#preamble h3{
	font-size:1.7em;
	}

#preamble .subsections
	{
	text-align:center;
	}

#preamble .subsections h4
	{
	display:none;
	}

#preamble .subsections ul
	{
	text-indent: 0px;
	}


#preamble .subsections li
	{
	display:inline-block;
	vertical-align: middle;
	margin:1em;
	width:10em;
	height:10em;
	}

#preamble .subsections li a
	{
	display:block;
	text-align:center;
/* 	position:relative; */
	width:100%;
	height:100%;
	background: rgba(238, 238, 238, 0.5) !important;
	background: #eeeeee;
	border: #bcbcbc solid;
	border-width:1px;
	border-radius: 5em;
	box-shadow: 0px 0px 10px #888888;
	
	-webkit-transition:-webkit-transform 0.5s,opacity 0.5s,background 0.5s,min-height 0.5s,width 0.5s,height 0.5s,font-size 0.5s, box-shadow 2s;
	-o-transition-property:width,min-height,height,-o-transform,background,font-size,opacity, box-shadow;
	-o-transition-duration:0.5s,0.5s,0.5s,0.5s,0.5s,0.5s,0.5s,2s;
	-moz-transition-property:width,min-height,height,-moz-transform,background,font-size,opacity,box-shadow;
	-moz-transition-duration:0.5s,0.5s,0.5s,0.5s,0.5s,0.5s,0.5s,2s;
	transition-property:width,min-height,height,transform,background,font-size,opacity,box-shadow;
	transition-duration:0.5s,0.5s,0.5s,0.5s,0.5s,0.5s,0.5s,2s;

	transition-timing-function: ease-in-out;
	-moz-transition-timing-function: ease-in-out;
	-webkit-transition-timing-function: ease-in-out;
	-o-transition-timing-function: ease-in-out;
	
	}
/*#preamble .subsections li:first-child a{
	border-radius: 3em 1em 1em 3em;
	}
#preamble .subsections li:last-child a{
	border-radius: 1em 3em 3em 1em;
	}*/

#preamble .subsections li a span
	{
/* 	position:relative; */
/* 	top:33%; */
	display:table-cell;
	width:10em;
	height:10em;
	vertical-align:middle;
	overflow:hidden;
	text-overflow: ellipsis;
	}
	
#preamble .subsections li:hover a
	{
/* 	width:190%; */
	box-shadow: 0px 0px 30px #888888;
	background: rgba(238, 238, 238, 1) !important;
	-moz-transform:/*translate(-25%)*/ rotate(360deg); /* Firefox 4 */
	-webkit-transform:/*translate(-25%)*/ rotate(360deg); /* Safari and Chrome */
	-o-transform:/*translate(-25%)*/ rotate(360deg); /* Opera */
	transform:/*translate(-25%)*/ rotate(360deg);
	}


.longAdd{
	clear:left; 
	text-align:center;
	}

div.BBCodes	{
	display:inline-block;
	border: 1px black solid;
	white-space: nowrap;
	margin: 1px;
	}
div.BBCodes:hover{
	border: 1px red solid;
	}
